<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

</head>

<body>
    <script>
        // Promise基本用法： 它是ES6新增对象，主要用来包裹异步任务
        // 比如： ajax setttimeout 都可以放在promise中去执行

        // 方法一：
        // let pro = new Promise((resolve, reject) => {
        //     console.log("立即执行");
        //     $.get("http://localhost:8080/getcity?cityname=北京市", (data) => {
        //         console.log(data.name);
        //         resolve(data.name); 
        //         // resolve() promise任务执行成功之后，手动调用resolve()方法，表示任务成功，此时promise就会调用.then()函数。
        //     })
        // })
        // pro.then((res) => {
        //     $.get(`http://localhost:8080/weather?cityname=${res}`, (data) => {
        //         console.log("+++", data);
        //     });
        // });


        // 方法二：简写
        new Promise((resolve, reject) => {
            $.get("http://localhost:8080/getcity?cityname=北京市", (data) => {
                console.log("简写：", data.name);
                resolve(data.name);
            });
        }).then((res) => {
            $.get(`http://localhost:8080/weather?cityname=${res}`, (data) => {
                console.log(".........", data);
            });
        });
    </script>
</body>

</html>